<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_DBels0',
'img_oAfzy1',
'img_ZbXXJ2',
'ZY_BingChengGongJiangJingShen_3',
'ZY_TiGongQuanFangWeiQing_4',
'ZY_XinXingGaoQiangXiTu_5'
"  ></cms:ads>
<div class="top"> 
 <div class="header"> 
  <div class="header-icon"> 
   <img src="${img_DBels0.adImg}" class="header-left zy" alt="" data-type="ad" data-id="${img_DBels0.adId}"> 
   <img src="${img_oAfzy1.adImg}" class="header-right zy" alt="" onclick="showPopup()" data-type="ad" data-id="${img_oAfzy1.adId}"> 
  </div> 
  <div id="popBg" onclick="closePopup()"></div> 
  <div id="popBox"> 
   <i class="iconfont iconquxiao close-icon" onclick="closePopup()"></i> 
   <ul class="tab-box navWarp">
    <c:forEach var="item" items="${mobileNav }">
      <c:if test="${fn:contains(item.navUrl, 'http')}"> 
       <a href="${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">
        <li class="tab-item">${item.navName }</li>
       </a>
      </c:if>
      <c:if test="${!fn:contains(item.navUrl, 'http')}"> 
       <a href="${path }/${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">
        <li class="tab-item">${item.navName }</li>
       </a>
      </c:if>
    </c:forEach>
    <li class="tab-item">
      <a href="" class="flex align-center" style="display: block">
       <img src="https://hwfile.csxuncong.com/jkxc/mobile/images/en.png" class="zy" style="vertical-align: middle;width: 34px;margin-right: 10px;">
       <span>EN</span>
      </a>
     </li>
   </ul> 
  </div> 
 </div> 
 <div class="banner">
  <cms:ad var="banners" code="mobileBanner"></cms:ad>
  <div class="swiper mySwiper"> 
   <div class="swiper-wrapper">
    <c:forEach items="${banners }" varStatus="count" var="item">
    <div class="swiper-slide"> 
     <img src="${item.adImg}" class="img zy" >
     <div class="swiper-text-box animated wow fadeInUpA"> 
      <h2 class="zy" data-type="ad" >${item.adTitle}</h2>
      <p class="zy" data-type="ad" >${item.adInfo2}</p>
      <p class="zy" data-type="ad" >${item.adInfo3}</p>
     </div> 
    </div>
    </c:forEach>
   </div> 
   <div class="swiper-pagination"></div> 
  </div> 
 </div> 
</div>